<script setup lang="ts">
import {ref} from "vue";
import {giteeCodeLink, packageVersion} from "../../config/config.ts";
import useBrowser from "../../hooks/useBrowser.ts";

const aboutDialogVisible = ref(false);
defineExpose({aboutDialogVisible})
const {openBrowser} = useBrowser()

const version = ref(packageVersion)
</script>

<template>
  <el-dialog v-model="aboutDialogVisible" title="" width="600">

    <img src="/assets/icon.png" alt="icon" width="200px">
    <hr>
    <p>密码管理器 <span></span></p>
    <p>作者：sc夫妻</p>
    <p>版本 {{ version }} (简体中文)</p>
    <p>永久免费使用，无广告，无插件，无后门并承诺该软件永远不会以任何方式保留您的任何数据</p>
    <a href="#"><p @click="openBrowser(giteeCodeLink)">Gitee开源 GPL3.0开源协议</p></a>
  </el-dialog>
</template>

<style scoped>

</style>